@media screen and (min-width: 750px) {
  html {
    font-size: 75px !important;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 37.5px !important;
  }
}
* {
  margin: 0;
  padding: 0;
}
body {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  height: 1200px;
  background-color: #f2f4f7;
}
.wrap {
  background-color: #fff;
  padding-bottom: 0.573333rem;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: #707070;
}
.header {
  height: 1.066667rem;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
  line-height: 1.066667rem;
  font-size: 0.466667rem;
  color: #1c1c1c;
}
.nav {
  height: 6.666667rem;
}
.nav-ul {
  display: flex;
  flex-wrap: wrap;
}
.nav-ul li {
  width: 33.33%;
  height: 3.333333rem;
  margin: auto;
}
.nav-ul li a span {
  display: block;
  text-align: center;
  font-size: 0.333333rem;
}
.nav-ul li a span::before {
  content: "";
  display: block;
  margin: 0.466667rem auto 0.133333rem auto;
  width: 1.853333rem;
  height: 1.853333rem;
  background-image: url(../img/icon/nav_sprites.png);
  background-repeat: no-repeat;
  background-size: 1.853333rem;
}
.nav-ul-1::before {
  background-position: 0 0;
}
.nav-ul-2::before {
  background-position: 0 -1.853333rem;
}
.nav-ul-3::before {
  background-position: 0 -3.706666rem;
}
.nav-ul-4::before {
  background-position: 0 -5.559999rem;
}
.nav-ul-5::before {
  background-position: 0 -7.413332rem;
}
.nav-ul-6::before {
  background-position: 0 -9.266665rem;
}
.ad {
  width: 9.626667rem;
  height: 2.026667rem;
  margin: 0 auto;
}
.ad img {
  width: 100%;
  height: 100%;
}
.module {
  padding: 0.533333rem 0.32rem;
  margin-top: 0.133333rem;
  background-color: #fff;
}
